@import '../../css/constants';

.hierarchy-element {
	box-shadow: 0px 0px 4px 1px rgba(black, 0.1);
	border: solid 1px rgba(black, 0.1);
	padding: 10px;
	margin: 10px;
	background: rgba(white, 0.1);
	&__title {
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 500;
	}
	&__children {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	&__icon {
		fill: var(--ifm-color-primary);
		display: flex;
		align-items: center;
		margin-right: 4px;
	}
}
